!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[MultiStateBox]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[MultiStateBox]"]=t(require("react")):e["rb_wixui.thunderbolt[MultiStateBox]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";n.r(o),n.d(o,{components:function(){return L}});var e=n(448),t=n.n(e),r=n(5329),a=n.n(r);const s=13,i=27;function l(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}l(32),l(s),l(i);const u=({pressed:e,expanded:t,haspopup:r,label:n,live:o,relevant:a,current:s,owns:i,controls:l,roleDescription:u,hidden:c,disabled:d,describedBy:p,labelledBy:f,errorMessage:b,atomic:m,role:y,busy:v,...h}={})=>{const x=h.tabIndex??h.tabindex,C={};return n&&(C["aria-label"]=n),o&&(C["aria-live"]=o),s&&(C["aria-current"]=s),e&&(C["aria-pressed"]=e),"boolean"==typeof c&&(C["aria-hidden"]=c),"boolean"==typeof t&&(C["aria-expanded"]=t),"boolean"==typeof d&&(C["aria-disabled"]=d),"boolean"==typeof m&&(C["aria-atomic"]=m),"boolean"==typeof v&&(C["aria-busy"]=v),"string"==typeof a&&(C["aria-relevant"]=a),"string"==typeof i&&(C["aria-owns"]=i),"string"==typeof l&&(C["aria-controls"]=l),"string"==typeof u&&(C["aria-roledescription"]=u),r&&(C["aria-haspopup"]=r),"number"==typeof x&&(C.tabIndex=x),y&&(C.role=y),p&&(C["aria-describedby"]=p),f&&(C["aria-labelledby"]=f),b&&(C["aria-errormessage"]=b),C},c=e=>Object.entries(e).reduce(((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e)),{});function d(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=d(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var p=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=d(e))&&(n&&(n+=" "),n+=t);return n};var f={root:"multi-state-box"};const b="wixui-",m=(e,...t)=>{const r=[];return e&&r.push(`${b}${e}`),t.forEach((e=>{e&&(r.push(`${b}${e}`),r.push(e))})),r.join(" ")};var y="J6KGih";var v={root:"repeater",repeaterItem:"repeater__item"},h="rM7ckN",x="YJEKQk",C="InKIFF",g="YAf4Ti";const I=(e,n)=>{const{id:o,className:a,containerRootClassName:s="",customClassNames:i=[],children:l,role:d,onClick:f,onKeyPress:b,onDblClick:I,onFocus:N,onBlur:M,onMouseEnter:S,onMouseLeave:w,hasPlatformClickHandler:P,translations:_,a11y:j={},ariaAttributes:E={},tabIndex:L,isRepeaterItem:k=!1,observeChildListChange:O,containerProps:R,shouldUseContainerLayoutClass:A}=e,{"aria-label-interactions":B,tabindex:D,...F}=j;B&&(F["aria-label"]=(null==_?void 0:_.ariaLabel)||"Interactive element, focus to trigger content change");const K=r.useRef(null);r.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=K.current)||e.focus()},blur:()=>{var e;null==(e=K.current)||e.blur()}})));const T=()=>k?v.repeaterItem:e.semanticClassNames?e.semanticClassNames.root:"";return r.useEffect((()=>{O&&null!=K&&K.current&&O(o,K.current)}),[]),r.createElement("div",t()({id:o},c(e),{ref:K},F,u({...E,role:d}),((e={})=>{const t=e.tabIndex??e.tabindex??void 0;return void 0!==t?{tabIndex:Number(t)}:{}})({tabIndex:L,tabindex:D}),{className:p(h,x,s,a,{[y]:P},m(T(),...i)),onDoubleClick:I,onClick:f,onKeyDown:e=>{b&&(" "===e.key&&e.preventDefault(),b(e))},onFocus:N,onBlur:M,onMouseEnter:S,onMouseLeave:w}),r.createElement("div",{className:p(g,C,m(T(),...i),{[R.containerLayoutClassName]:A})}),l())};var N=r.forwardRef(I);const M=e=>{let{children:t,id:r}=e;return a().createElement("span",{style:{display:"none"},id:r},t)},S=e=>{let{children:t,getStateId:n,selectedStateId:o,onChange:s,shouldRenderAllTabs:i=!1,wrap:l=(e=>e)}=e;const[u,c]=(0,r.useState)([]);((e,t)=>{const n=(0,r.useRef)(!0);(0,r.useEffect)((()=>{n.current||e(),n.current=!1}),t)})((()=>{null==s||s({type:"change"}),i||u.includes(o)||c([...u,o])}),[o]);const d=a().Children.toArray("function"==typeof t?t():t);if(i)return d.map(l);const p=d.filter((e=>{if(!a().isValidElement(e))return!1;const t=n(e);return o===t||u.includes(t)}));return p.length?p.map((e=>o===n(e)?l(e):a().createElement(M,{id:e.props.id},l(e)))):d.slice(0,1).map(l)};var w="mgXepW";const P=e=>{var t;const[r]=null!=(t=null==e?void 0:e.split("__"))?t:[];return r},_=e=>({containerLayoutClassName:"container-"+e,overlowWrapperClassName:"overflow-wrapper-"+e,hasOverflow:!0});const j=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var E;const L={MultiStateBox:{component:e=>{const{id:n,className:o,customClassNames:a=[],children:s,renderContainer:i,selectedStateId:l,a11y:d={},ariaAttributes:b,containerProps:m,role:y,containerRootClassName:v,onChange:h,onFocus:x,...C}=e,g=S({children:s,getStateId:e=>P(e.props.id),selectedStateId:P(l),onChange:h}),I=u({...d,...b});return i?i({state:g}):r.createElement(N,t()({},c(e),{shouldUseContainerLayoutClass:!0,role:y,containerRootClassName:p(w,v,o),hasPlatformClickHandler:!1,containerProps:m||_(n),id:n,onFocus:x,a11y:I,customClassNames:a,semanticClassNames:f},C),(()=>g))},controller:(E=e=>{let{mapperProps:t,stateValues:r}=e;return{...t,observeChildListChange:t.isMasterPage?r.observeChildListChangeMaster:r.observeChildListChange}},{useComponentProps:(e,t,r)=>{const n=(e=>({...e,updateStyles:t=>{const r=Object.entries(t).reduce(((e,[t,r])=>{return{...e,[(n=t,n.startsWith("--")?t:j(t))]:void 0===r?null:r};var n}),{});e.updateStyles(r)}}))(r);return E({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[MultiStateBox].a11a1cfb.bundle.min.js.map